<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Template World | Welcome Group</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="js/contentslider.css" rel="stylesheet" type="text/css" media="all" />
<script language="JavaScript" src="js/contentslider.js" type="text/javascript"></script>
</head>

<body>
<div id="main">
 <div id="wrap">
   <div id="wrap-sup">
   <div id="head">
     <h1><a href="index.html">Welcome<span>Group</span><br/><span class="logo">Associates</span></a></h1>
   <input name="name" type="text" value="Search" onfocus="if(this.value=='Search')this.value=''" onblur="if(this.value=='')this.value='Search' "  />
   <ul id="menu">
   <li><a href="about.html" >ABOUT</a></li>
   <li><a href="services.html">SERVICES</a></li>
   <li><a href="profile.html">PROFILE</a></li>
   <li><a href="contact.html">CONTACT</a></li>
   
   
   
   
   </ul>
   
   
   </div>
   <div id="main2">
   <div id="slidePanel">
       <div id="slider1" class="sliderwrapper">
   <div class="contentdiv">   
   <div class="bannerout">
    <div class="banner">
    <p>Slide1</p>
    
    </div></div></div>
     <div class="contentdiv">   
   <div class="bannerout">
    <div class="banner">
    <p>Slide2</p>
    </div></div></div>
    
     <div class="contentdiv">   
   <div class="bannerout">
    <div class="banner">
    <p>Slide3</p>
    </div></div></div>
     <div id="paginate-slider1" class="pagination"></div><!--end of pagination-->
    </div>
    </div>
  
    
    
    
   
    <div id="center" class="topmargin">
    <div class="centertext">
    <h2>Welcome</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at diam nisl. Proin lobortis leo a sem elementum molestie. Donec pulvinar sem quis risus bibendum accumsan. Integer leo nisi, porttitor at aliquam id, malesuada et nisi. Proin tincidunt semper bibendum. Donec nec velit lobortis purus malesuada congue.</p>
       </div>
       <div class="centertext">
    <h2>About us</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at diam nisl. Proin lobortis leo a sem elementum molestie. Donec pulvinar sem quis risus bibendum accumsan. Integer leo nisi, porttitor at aliquam id, malesuada et nisi. Proin tincidunt semper bibendum. Donec nec velit lobortis purus malesuada congue.</p>
       </div>
       <div class="centertext">
    <h2>Services</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at diam nisl. Proin lobortis leo a sem elementum molestie. Donec pulvinar sem quis risus bibendum accumsan. Integer leo nisi, porttitor at aliquam id, malesuada et nisi. Proin tincidunt semper bibendum. Donec nec velit lobortis purus malesuada congue.</p>
       </div>
       
       <div id="btmtextlft">
       <h2>Etiam quis quam </h2>
       <p class="para">Nullam erat justo, bibendum suscipit interdum sit amet, vehicula vitae mi. Ut id augue porta orci blandit bibendum vel in turpis. Maecenas fermentum mollis facilisis. Curabitur in tortor eu lacus varius dignissim semper vitae metus. Morbi lobortis sollicitudin leo, eget porttitor risus consectetur ac. Nulla facilisi. Sed ut fringilla enim. Cras in ipsum non libero vestibulum vestibulum.malesuada nec vulputate tincidunt, pretium a massa. </p>
       <a href="#">Read More</a>
      
      </div>
       <div id="btmtextrht">
           <h2>Latest News</h2>
           <ul class="list">
         <li> <h3><a href="#">Lorem ipsum dolor sit amet, consectetur adi <span>scing elit. Ut at diam nisl. Proin lobortis leo a sem elementum molestie. Donec pulvinar sem quis risus bibendum accumsan.</span></a></h3></li>
         
         <li> <h3><a href="#">Lorem ipsum dolor sit amet, consectetur adi <span>scing elit. Ut at diam nisl. Proin lobortis leo a sem elementum molestie. Donec pulvinar sem quis risus bibendum accumsan.</span></a></h3></li>
         </ul>
          
          </div>    
          </div>
            </div>
    </div>
    <div id="footer">
      <ul id="nav">
      <li><a href="index.html">Home</a></li>
      <li class="space">|</li>
       <li><a href="about.html">About</a></li>
      <li class="space">|</li>
       <li><a href="#">Academics</a></li>
      <li class="space">|</li>
       <li><a href="#">Faculty</a></li>
      <li class="space">|</li>
       <li><a href="#">Student Login</a></li>
      <li class="space">|</li>
       <li><a href="contact.html">Contact</a></li>
      <li class="space">|</li>
       <li><a href="http://validator.w3.org/check?uri=referer">Html</a></li>
      <li class="space">|</li>
       <li><a href="http://jigsaw.w3.org/css-validator/check/referer">Css</a></li>
          </ul>
      <p>All Rights Reserved. Designed By: <a href="http://www.templateworld.com/" class="template">Template World.</a></p>
       
       </div>
    
    
      
    </div>
    </div>
      
 <script type="text/javascript">
featuredcontentslider.init({
	id: "slider1",  //id of main slider DIV
	contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
	toc: "#increment",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
	nextprev: ["", ""],  //labels for "prev" and "next" links. Set to "" to hide.
	revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
	enablefade: [true, 0.2],  //[true/false, fadedegree]
	autorotate: [true, 3000],  //[true/false, pausetime]
	onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
		//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
		//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
	}
})
</script>
 
</body>
</html>
